a:link,
a:hover,
a:visited,
a:active {
  color: #fff;
  text-decoration: none;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*background: url(../img/bg2.jpg) 0 / cover fixed;*/
  /*-webkit-background-size: cover;*/
  /*-moz-background-size: cover;*/
  /*-o-background-size: cover;*/
  /*background-size: cover;*/
  /*background-attachment: fixed;*/
  /*background-position: center bottom;*/

  /*background: url(../img/bg2.jpg);*/
  /*filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";*/
  /*-moz-background-size:100% 100%;*/
  /*background-size:100% 100%;*/
}

/* 左侧 标签分页样式 start */
.all {
  /*fixed 绝对定位 相对于浏览器*/
  position: fixed;
  width: 0px;
  /*溢出元素框的元素可见*/
  overflow: visible;
}

.box {
  /*行内块元素*/
  display: inline-block;
  /*浮动 右边*/
  float: right;
  /*左右不允许有浮动元素 下一个浮动元素会排列到下一行*/
  clear: both;
  cursor:pointer;
}

.card {
  /*相对定位*/
  position: relative;
  /*距离父元素左边框的距离*/
  left: 64px;
  /*内边距 上右下左*/
  padding: 16px 32px 16px 64px;
  /*外边距*/
  margin: 8px;
  /*阴影*/
  x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
  /*会被覆盖*/
  background: #fff;
  /*过渡*/
  transition: all 0.3s ease-in-out 0.1s;
}

.card:hover {
  position: relative;
  left: 100%;
  margin-left: -32px;
  box-shadow:
    0 -8px 8px -8px rgba(0, 0, 0, 0.5),
    0 8px 8px -8px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in-out;
}

.card-content {
  /*字体颜色*/
  color: #fff;
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  /*font-weight: bold;*/
  /*规定段落中的文字不换行*/
  white-space: nowrap;
}

.bg-01 {
  margin-top: 32px;
  background-color: rgba(79, 117, 167, 0.4);
  /*边框样式*/
  border: 0px solid rgba(0, 0, 0, .2);
  border-radius: 31px;
}
.bg-02 {
  background-color: rgba(79, 117, 167, 0.4);
  border: 0px solid rgba(0, 0, 0, .2);
  border-radius: 31px;
}

.active {
  background-color: rgb(79, 117, 167);
}
/* 左侧 标签分页样式 end */


/* 右侧 导航球的位置 start */
.box-right {
  position: fixed;
  left: 94%;
}
/* 右侧 导航球的位置 end */


/* 中间 整体大框位置 start */
.tucao-content {
  position: fixed;
  margin: auto;
  left: 8%;
  right: 8%;
  top: 3%;
  bottom: 10%;
}
/*每条吐槽内容大框*/
.tucao {
  margin-bottom: 1%;
  margin-left: 1%;
  margin-right: 1%;
  height: 200px;
  background-color: #d9d7d7;
  border-radius: 15px;
  /*display: none;*/
}
/*头像*/
.picture {
  float: left;
}
.circleImg {
  margin: 5px;
  border-radius: 20px;
  border: 1px solid #4e71f2;
  width: 40px;
  height: 40px;
}
.author {
  height: 40px;
  margin-left: 8px;
  margin-top: 8px;
  float: left;
}
.author .time {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  color: #808080;
  font-size: 5px;
  display: inline;
}
.name {
  margin-bottom: 4px;
}
.content {
  position: relative;
  top: 55px;
  left: -220px;
  overflow: hidden;
  height: 100px;
  word-wrap: break-word;
  word-break: break-all;
}
.content span {
  position: fixed;
  width: 1200px;
  height: 100px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.bottom {
  position: relative;
  top: 63px;
  bottom: 3px;
  right: 10px;
  height: 30px;
}

/*!*毛玻璃效果*!*/
/*body, .ground-glass::before {*/
/*  background: url(../img/bg2.jpg) 0 / cover fixed;*/
/*  -webkit-background-size: cover;*/
/*  -moz-background-size: cover;*/
/*  -o-background-size: cover;*/
/*  background-size: cover;*/
/*  background-attachment: fixed;*/
/*  background-position: center bottom;*/
/*}*/
/*.ground-glass {*/
/*  position: absolute;*/
/*  top: 0; bottom: 0;*/
/*  left: 0; right: 0;*/
/*  line-height: 2;*/
/*  margin: auto;*/
/*  border-radius: 5px;*/
/*  background: rgba(255, 255, 255, 0.1);*/
/*  box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.3);*/
/*  overflow: auto;*/
/*  overflow-x: hidden;*/
/*}*/
/*.ground-glass::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0; bottom: 0;*/
/*  left: 0; right: 0;*/
/*  filter: blur(20px);*/
/*  z-index: -1;*/
/*  margin: -30px;*/
/*}*/
/* 中间 具体内容所在的位置 end */

/* 底部 分页 start */
.bottom-search {
  position: fixed;
  margin: auto;
  left: 8%;
  right: 8%;
  top: 92%;
  bottom: 2%;
}
/* 底部 分页 end */